.content {
    width: 100%;
    height: auto;
    overflow-x: hidden;
}
body {
    background: #f5f5f5;
}
.content-top {
    width: 100%;
    background: #fff;
    padding: 0 1.428rem;
    box-sizing: border-box;
}
.content-top h1 {
    font-size: 2.142rem;
    font-weight: 700;
    color: #000;
    padding-top: 4.571rem;
}
.content-top p {
    font-size: 0.857rem;
    color: #999;
    margin-top: 0.5rem;
}
.content-top p span {
    color: #ff4f10;
}

.banner {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
}
.banner ul {
    width: 100%;
}
.banner ul li img {
    width: 100%;
}
.notice {
    width: 100%;
    padding: 1.428rem;
    background: #fff;
    box-sizing: border-box;
}
.notice-image {
    width: 2.142rem;
    height:2.428rem;
    margin-right: 0.678rem;
}
.notice-image img {
    width: 100%;
    height: 100%;
}
.notice-list {
    width: 13.8rem;
    height: 2.428rem;
}
.notice-list li {
    width: 100%;
    height:1.714rem;
    line-height: 1;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.notice-btn {
    width: 2.964rem;
    height: 2.428rem;
    font-size: 0.857rem;
    color: #999;
    border-left: 1px solid #d8d8d8;
}
.notice-btn span {
    display: block;
    height:1.714rem;
    line-height: 1;
    text-align: right;
}
.groom-task {
    width: 100%;
    background: #fff;
    margin-top: 0.714rem;
}
.groom-task-top,
.total-task-top {
    width: 100%;
    padding: 2.142rem 1.428rem 1.428rem;
    box-sizing: border-box;
}
.groom-task-top h2,
.total-task-top h2 {
    font-size: 1.642rem;
}
.groom-task-top span,
.total-task-top span {
    color: #999;
}
.groom-task-list>li {
    width: 12.857rem;
    margin: 0 0.357rem;
}
.swiper-container {
    width: 12.857rem !important;
    overflow: inherit !important;
}
.swiper-wrapper {
    width: 100% !important;
}
.swiper-slide {
    width: 12.857rem !important;
}
.groom-task-list-top {
    position: relative;
    width: 100%;
}
.groom-task-list-top img {
    width: 100%;
}
.groom-task-hint {
    position: absolute;
    left: 0.571rem;
    bottom: 0.857rem;
}
.groom-task-hint span:first-child {
    padding: 0.142rem 0.357rem;
    background: #fff;
    font-size: 0.714rem;
    color: #666;
    border-radius: 0.142rem;
}
.groom-task-hint span:last-child {
    color: #fff;
}
.groom-task-list-bottom {
    width: 100%;
}
.groom-task-list-bottom li {
    width: 100%;
    margin-top: 0.857rem;
}
.groom-task-list-bottom li:first-child {
    font-size: 0.714rem;
    color: #666;
}
.groom-task-list-bottom li:nth-child(2) {
    font-size: 0.785rem;
    color: #999;
}
.groom-task-list-bottom li:nth-child(2) img {
    width:0.857rem;
    height: 0.857rem;
    margin: 0.125rem 0.357rem 0 0;
}
.groom-task-list-bottom li:last-child {
    font-size: 0.857rem;
    font-weight: 700;
    color: #ff001f;
}
.total-task {
    width: 100%;
    background: #fff;
    padding-top: 4.285rem;
}
.total-task-content {
    width: 100%;
    padding: 0 1.428rem;
    box-sizing: border-box;
}
.total-task-title {

}

